<div class="card mb-3 mt-1 shadow-sm">
  {% load thumbnail %}
  {% thumbnail post.image "960x339" crop="center" upscale=True as im %}
  <img class="card-img" src="{{ im.url }}">
  {% endthumbnail %}
  <div class="card-body">
    <p class="card-text">
      <!-- Ссылка на страницу автора в атрибуте href; username автора в тексте ссылки -->
      <a href="/{{ author.username }}/">
        <strong class="d-block text-gray-dark">
          @{{ author.username }}
        </strong>
      </a>
      <!-- Текст поста -->
      {{ post.text }}
    </p>

    <!-- Если пост относится к какому-нибудь сообществу, то отобразим ссылку на него через # -->
    {% if post.group %}
      <a class="card-link muted" href="{% url 'group_posts' post.group.slug %}">
        <strong class="d-block text-gray-dark">#{{ post.group.title }}</strong>
      </a>
    {% endif %}

    <!-- Отображение ссылки на комментарии -->
    <div class="d-flex justify-content-between align-items-center">
      <div class="btn-group">
        {% if post.comments.exists %}
          <div>
            Комментариев: {{ post.comments.count }}
          </div>
        {% endif %}

        <!-- Ссылка на редактирование поста для автора -->
        {% if user == post.author %}
        <a class="btn btn-sm btn-info"
           href="{% url 'post_edit' post.author.username post.id %}"
           role="button">
          Редактировать
        </a>
        {% endif %}
      </div>

      <!-- Дата публикации  -->
      <small class="text-muted">{{ post.pub_date }}</small>
    </div>
  </div>
</div>